
.homeContent{
    overflow-y:hidden;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    padding: 0 0.075rem;
    text-align: left;
}

.homeContent::-webkit-scrollbar {
   display: none;
}


.homeContent li{
    display:inline-block;
}

.homeContent li img{
    width: 100%;
    height: 100%;
}

/* .homeContent.type1 */
.homeContent.type1{
    padding-bottom: 0.04rem;
    border-bottom: 1px rgba(100, 100, 100, 0.14) solid;
}

.homeContent.type1 li{
    background: #fafafa;
    margin-right: 0.04rem;
    width: 1.16rem;
}
.homeContent.type1 li>.imgBox{
    width: 100%;
    height: 0.87rem;
}
.homeContent.type1 li>span{
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 13px;
    color: #323232;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 0.07rem;
}

/* .homeContent.type2 */
.homeContent.type2{
    padding-bottom: 0.09rem;
    border-bottom: 1px rgba(100, 100, 100, 0.14) solid;
}

.homeContent.type2 li{
    background: #fafafa;
    margin-right: 0.08rem;
    width: 1.12rem;
    height: 1.12rem;
}
.homeContent.type2 li>.imgBox{
    width: 100%;
    height: 100%;
}
.homeContent.type2 li>span{
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 13px;
    color: #323232;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* .homeContent.type3 */
.homeContent.type3{
    border-bottom: 1px rgba(100, 100, 100, 0.14) solid;
    padding: 0 0.09rem 0.09rem 0.09rem;
}

.homeContent.type3 li{
    background: #fafafa;
    margin-right: 0.075rem;
    width: 1.48rem;
}
.homeContent.type3 li>.imgBox{
    width: 100%;
    height: 1.48rem;
    border-radius: 4px;
}

.homeContent.type3 li>.imgBox img{
    border-radius: 4px 4px 0 0 ;
}

.homeContent.type3 li .type3Title{
    height: 0.42rem;
    width: 99%;
  /*  text-align: center;*/
    font-size: 12px;
    color: #323232;
    position: relative;
    border: 1px #e8e8e8 solid;
    border-top: none;
    border-radius: 4px;
    padding: 0.08rem 0;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.homeContent.type3 li .type3Title>div{
    width: 1.3rem;
    padding: 0 0.09rem;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    /*position: absolute;*/
}

.homeContent.type3 li .type3Title>span{
    margin-left: 0.09rem;
    line-height: 0.4rem;
    color: #c49327;
    font-size: 13px;
}



/*------*/
.homeContent li:last-child{
    margin-right: 0;
}


@media screen and (max-width: 320px){
    .homeContent.type3 li .type3Title>div{
        line-height: 15px;
    }
    .homeContent.type3 li .type3Title>span{
        bottom: 1px;
    }
}

